*{margin:0;padding:0}
body{
  font-size:12px;
}
.wrapper{
  margin:auto;
  width:1090px;
}
#all{
  background-color:#e9e9e9;
}

/*顶部*/
#header{
  height:157px;
  background-color:#e9e9e9;
  //顶部上部分
  #hea-top{
    height:43px;
    background-color:#e9e9e9;
    border-bottom:#eae8ea;
    display:block;
    background-image:url("../../images/bg.png");
    #top_ul1{
      width:302px;
      height:42px;
      margin-top:5px;
      float:left;
      li{
        width:98px;
        height:37px;
        list-style:none;
        float:left;
        line-height:37px;
        text-align:center;
        cursor:pointer;
        background:url("../../images/top-navbg.png") no-repeat right;
        position:relative;
      }
      li:nth-of-type(1){
        background-color:white;
        border:1px solid #cccccc;
        border-bottom:0;
        color:red;
      }
      li:hover{
        color:red;
      }
      li:nth-of-type(3){
        p{
          height:33px;
          width:86px;
          margin-left:4px;
          position:relative;
          z-index:10;
          span{
            height:20px;
            width:12px;
            display:inline-block;
            background-color:red;
            position:absolute;
            top:8px;
            left:20px;
            background:url("../../images/sprite215new.png") no-repeat -320px -240px;
            transition:all .2s;
          }
          i{
            margin-left:28px;
            font-style:normal;
          }
        }
        .img{
          height:103px;
          width:278px;
          position:absolute;
          left:4px;
          top:34px;
          border:1px solid #ff5c00;
          display:none;
          z-index:10;
        }
      }

      li:nth-of-type(3):hover{
        span{
          background-position:-320px -265px;
        }
        p{
          border-top:1px solid #ff5c00;
          border-left:1px solid #ff5c00;
          border-right:1px solid #ff5c00;
          border-bottom:1px solid white;
        }
        .img{
          display:block;
        }
      }


    }

    #top_ul2{
      width:500px;
      height:32px;
      margin:5px 0px 0px 270px;
      float:left;
      >li{
        list-style:none;
        float:left;
        width:75px;
        line-height:32px;
        color:#666666;
        cursor:pointer;
        background:url("../../images/top-navbg.png.png") no-repeat right 10px;
        a{
          text-decoration:none;
          color:#ff5c00;
        }
        div{
          width:63px;
          height:28px;
          margin-left:6px;
        }
        b{
          cursor: pointer;
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
          width: 0;
          line-height: 0;
          height: 0;
          font-size: 0;
          border-width: 4px;
          border-style: solid dashed dashed;
          border-color: #666666 transparent transparent;
          position: relative;
          left: 3px;
          top: 3px;
          overflow: hidden;
          display: inline-block;
          zoom: 1;
        }
      }
      >li:nth-of-type(1){
        width:200px;
        height:32px;
        cursor:default;
      }
      //当鼠标悬停会后字体颜色改变
      >li:hover{
        color:#ff5c00;
        //鼠标悬停的时候子代中的字体颜色不改变
        li{
          color:#666666;
        }
      }

      //欢迎来到母婴之家字体颜色不改变
      >li:nth-of-type(1):hover{
        color:#666666;
      }
      >li:nth-of-type(2){
        position:relative;
        ul{
          width:63px;
          height:110px;
          border:1px solid #ff9900;
          border-top:0px;
          position:absolute;
          top:29px;
          left:6px;
          display:none;
          background-color:white;
          z-index:10;
          li{
            height:20px;
            width:63px;
            list-style:none;
          }
          li:nth-of-type(1){
            margin-top:2px;
          }
          li:hover{
            color:#ff9900;
          }
        }
      }
      >li:nth-of-type(2):hover{
        ul{
          display:block;
        }
        div{
          border:1px solid #ff9900;
          border-bottom:0px;
          background-color:white;
        }
      }

      //客户服务
      >li:nth-of-type(3){
        position:relative;
        div{
          span{
            position:absolute;
            height:1px;
            width:63px;
            bottom:0px;
            left:7px;
            background-color:#efeef0;
            z-index:10;
          }
        }
        ul{
          width:80px;
          height:49px;
          border:1px solid #ff9900;
          position:absolute;
          top:28px;
          left:6px;
          display:none;
          z-index:10;
          background-color:white;
          li{
            height:20px;
            width:63px;
            list-style:none;
            text-align:center;
          }
          li:nth-of-type(1){
            margin-top:2px;
          }
          li:hover{
            color:#ff9900;
          }
        }
      }
      >li:nth-of-type(3):hover{
        ul{
          display:block;
        }
        div{
          border-top:1px solid #ff9900;
          border-right:1px solid #ff9900;
          border-left:1px solid #ff9900;
          background-color:white;
        }
      }
    }
  }

  /*顶部的中间部分*/
  #muying{
    height:114px;
    width:100%;
    background-color:white;
    overflow:hidden;
    position:absolute;
    left:0px;
    top:43px;
  }
  #hea-center{
    height:74px;
    margin:20px auto;
    position:relative;
    #logo{
      height:55px;
      width:150px;
      padding-top:21px;
      float:left;
    }
    #c-left{
      float: left;
      margin-left: 50px;
      overflow: hidden;
      margin-top: 17px;
      width:313px;
      height:63px;
      a{
        width:75px;
        height:63px;
        display:block;
        text-decoration:none;
        color:#707070;
        float:left;
        margin-left:25px;
        cursor:default;
        div{
          height:40px;
          width:40px;
          margin-left:16px;
        }
        #zheng{
          background:url("../../images/top_bar2.png") no-repeat -86px -103px;
        }
        #jian{
          background:url("../../images/top_bar2.png") no-repeat -43px -103px;
        }
        #zhuan{
          background:url("../../images/top_bar2.png") no-repeat 0px -103px;
        }
        p{
          width:75px;
          height:18px;
          margin-top:5px;
        }
      }
    }

    //母婴直接搜索框
    #search{
      width:488px;
      height:37px;
      background-color:#ff5c00;
      margin:17px 0px 0px 70px;
      float:left;
      border:1px solid #ff5c00;
      input{
        width:429px;
        height:35px;
        border:0;
        outline:0;
        margin:1px 0px 0px 1px;
        float:left;
      }
      a{
        display:block;
        width:58px;
        height:38px;
        float:left;
        img{
          margin:7.5px 0px 0px 17.5px;
        }
      }
    }

    //热门搜索
    ul{
      height:14px;
      width:488px;
      left:585px;
      top:63px;
      position:absolute;
      li{
        list-style:none;
        float:left;
        padding-right:5px;
        color:#999999;
        cursor:pointer;
      }
      li:nth-of-type(1){
        cursor:auto;
      }
      li:nth-of-type(2){
        color:#ff5c00;
      }
      li:nth-of-type(1):hover{
        color:#999999;
      }
      li:hover{
        color:#ff5c00;
      }
    }
  }

}

/*主体部分*/
#main{
  height:635px;
  background-color:#ececec;
  overflow:hidden;
  #main1{
    //登陆注册界面
    #sign-nav{
      width:493px;
      height:37px;
      margin:20px auto 0px;
      li{
        list-style:none;
        float:left;
        background-color:#f8f8f8;
        width:240px;
        height:37px;
        color:#a39797;
        font-size:12px;
        text-align:center;
        line-height:37px;
        box-sizing:border-box;
        position:relative;
        cursor:pointer;
        i{
          display:inline-block;
          width:16px;
          height:16px;
          position:absolute;
          left:90px;
          top:10px;
        }
      }
      li:nth-of-type(1){
        i{
          background:url("../../images/register.png") no-repeat -192px -8px;
        }
      }
      li:nth-of-type(2){
        margin-left:13px;
        i{
          background:url("../../images/register.png") no-repeat -229px -8px;
        }
      }
      #activeTeb{
        background-color:white;
        color:#ff9900;
        border-top:1px solid #ff9900;
      }
    }
    #box{
      height:540px;
      width:100%;
      background-color:#ffffff;
      position:relative;
      #active{
        height:0px;
        width:100%;
        background-color:white;
        position:absolute;
        overflow:hidden;
      }
      #denglu{
        height:0px;
        width:100%;
        background-color:white;
        position:absolute;
        overflow:hidden;
      }

      //用户注册部分
      #active{
        height:540px;
        form{
          margin-top:10px;
          width:684px;
          position:relative;
          float:left;
          >p{
            margin-top:30px;
            height:34px;
            text-align:center;
            position:relative;
            span{
              height:34px;
              display:block;
              float:left;
              line-height:34px;
              width:290px;
              text-align:right;
            }
            input{
              float:left;
              height:34px;
              width:272px;
              border:0;
              border:1px solid #757575;
              margin-left:10px;
              outline:0;
              box-sizing:border-box;
            }
            i{
              width:15px;
              height:15px;
              display:block;
              position:absolute;
              left:540px;
              top:8px;
            }
            b{
              width:48px;
              height:34px;
              float:left;
              text-align:center;
              line-height:34px;
            }
          }
          >p:nth-of-type(1){
            i{
              background:url("../../images/register.png") no-repeat -130px -9px;
            }
          }
          >p:nth-of-type(2),p:nth-of-type(3){
            i{
              background:url("../../images/register.png") no-repeat -160px -9px;
            }
          }
          //>p:nth-of-type(4){
          //  input{
          //    background:url("../../images/button_bg.png") repeat;
          //  }
          //  i{
          //    width:22px;
          //    height:22px;
          //    background:url("../../images/sprite.1.4.6.png") no-repeat 0px -104px;
          //  }
          //}
          >p:nth-of-type(4){
            input{
              width:124px;
              height:33px;
            }
            span:nth-of-type(2){
              width:64px;
              height:29px;
              margin:2px 6px;
              text-align:center;
              font-size:16px;
              background-color:orange;
            }
          }
          >p input:hover{
              border:1px solid #ff9900;
          }
          >p:nth-of-type(4) input:hover{
            background:url("../../images/button_hover.png") repeat;
          }
          #xieyi{
            padding-top:27px;
            height:36px;
            width:270px;
            margin-left:305px;
            font-size:12px;
            line-height:36px;
            overflow:hidden;
            position:relative;
            input{
              margin-top:2px;
              position:absolute;
              top:37px;
              left:0px;
            }
          }
          #tijiao{
            margin:12px 0px 0px 305px;
            height:113px;
            padding-bottom:30px;
            #btn{
              width:228px;
              height:39px;
              text-align:center;
              line-height:39px;
              background-color:#ff5a00;
              font-size:13px;
              outline:0;
              border:0;
              color:white;
              cursor:pointer;
            }
            p{
              margin-top:20px;
              line-height:28px;
            }
            ul{
              width:92px;
              height:24px;
              li{
                height:24px;
                width:24px;
                list-style:none;
                float:left;
              }
              li:nth-of-type(1){
                background:url("../../images/register.png") no-repeat 0px -300px;
              }
              li:nth-of-type(2){
                margin-left:10px;
                background:url("../../images/register.png") no-repeat -28px -300px;
              }
              li:nth-of-type(3){
                margin-left:10px;
                background:url("../../images/register.png") no-repeat -84px -300px;
              }
            }
          }
        }
        #right_tu{
          height:300px;
          width:300px;
          float:left;
          margin-top:40px;
        }
      }

      //用户登录部分
      #denglu{
        #dl_left_tu{
          width:340px;
          height:300px;
          float:left;
          margin:109px 0px 0px 74px;
        }
        #dl_right{
          margin-top:10px;
          width:570px;
          position:relative;
          float:left;
          >p{
            margin-top:30px;
            height:34px;
            text-align:center;
            position:relative;
            span{
              height:34px;
              display:block;
              float:left;
              line-height:34px;
              width:230px;
              text-align:right;
            }
            input{
              float:left;
              height:34px;
              width:272px;
              border:0;
              border:1px solid #757575;
              margin-left:10px;
              outline:0;
              box-sizing:border-box;
            }
            i{
              width:15px;
              height:15px;
              display:block;
              position:absolute;
              left:483px;
              top:8px;
            }
            b{
              width:48px;
              height:34px;
              float:left;
              text-align:center;
              line-height:34px;
            }
          }
          >p:nth-of-type(1){
            i{
              background:url("../../images/register.png") no-repeat -130px -9px;
            }
          }
          >p:nth-of-type(2){
            i{
              background:url("../../images/register.png") no-repeat -160px -9px;
            }
          }
          >p:nth-of-type(3){
            input{
              background:url("../../images/button_bg.png") repeat;
            }
            i{
              width:22px;
              height:22px;
              background:url("../../images/sprite.1.4.6.png") no-repeat 0px -104px;
            }
          }
          #jizhuwo{
            padding-top:27px;
            height:36px;
            width:270px;
            margin-left:250px;
            font-size:12px;
            line-height:36px;
            overflow:hidden;
            position:relative;
            input{
              margin-top:2px;
              position:absolute;
              top:37px;
              left:0px;
            }
          }
          #sub{
            margin:12px 0px 0px 250px;
            height:113px;
            padding-bottom:30px;
            #dl_btn{
              width:228px;
              height:39px;
              text-align:center;
              line-height:39px;
              background-color:#ff5a00;
              font-size:13px;
              outline:0;
              border:0;
              color:white;
              cursor:pointer;
            }
            p{
              margin-top:20px;
              line-height:28px;
            }
            ul{
              width:92px;
              height:24px;
              li{
                height:24px;
                width:24px;
                list-style:none;
                float:left;
              }
              li:nth-of-type(1){
                background:url("../../images/register.png") no-repeat 0px -300px;
              }
              li:nth-of-type(2){
                margin-left:10px;
                background:url("../../images/register.png") no-repeat -28px -300px;
              }
              li:nth-of-type(3){
                margin-left:10px;
                background:url("../../images/register.png") no-repeat -84px -300px;
              }
            }
          }
        }
      }
    }

  }
}

/*尾部部分*/
#footer{
  //购物指南
  #mell-desc{
    background-color: #FFF;
    padding-top: 20px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
  }
  #top{
    width:1215px;
    height:150px;
    padding-left:25px;
    margin:auto;
    position:relative;
    dl{
      width:176px;
      height:109px;
      float:left;
      dt{
        width:176px;
        height:26px;
        font-size: 14px;
        padding:6px 0px 4px 30px;
        position: relative;
        cursor:pointer;
        color:black;
        i{
          display:block;
          position: absolute;
          top: 0;
          left: 0;
          width:26px;
          height:26px;
        }
        .gouwu{
          background:url("../../images/sprite215new.png") no-repeat -89px 0px;
        }
        .zhifu{
          background:url("../../images/sprite215new.png") no-repeat -89px -40px;
        }
        .peisong{
          background:url("../../images/sprite215new.png") no-repeat -89px -80px;
        }
        .shouhou{
          background:url("../../images/sprite215new.png") no-repeat -89px -120px;
        }
        .guanyu{
          background:url("../../images/sprite215new.png") no-repeat -89px -160px;
        }
        .lianxi{
          background:url("../../images/sprite215new.png") no-repeat -89px -200px;
        }
      }
      dd{
        width:176px;
        height:26px;
        cursor:pointer;
        padding: 4px 0px 0px 30px;
      }
      dd:hover{
        color:#ff5c00;
      }
    }
    .logo{
      float:left;
      width:110px;
      height:130px;
    }
    .sao{
      width:110px;
      height:20px;
      span:nth-of-type(1){
        margin: 2px 6px 0;
        display:inline-block;
        float:left;
      }
      span:nth-of-type(2){
        float:left;
        color:black;
      }
    }
  }

  #tfc_footer{
    padding-top:15px;
    height:159px;
    text-align:center;
    width:100%;
    background-color:#ebebeb;
    color:#999;
    line-height:24px;
    ul{
      height:24px;
      width:100%;
      text-align:center;
      li{
        height:16px;
        margin:0px 5px;
        list-style:none;
        display:inline;
      }
    }
    span{
      margin: 0 5px;
      display: inline;
    }
    div{
      padding: 10px;
      text-align: center;
      height:67px;
      a:nth-of-type(1){
        display: block;
        height: 38px;
        width: 100px;
        margin: 0 auto;
      }
      a:nth-of-type(2){
        margin-left: 10px;
        display: inline-block;
        color:#999;
        text-decoration:none;
      }
      a:nth-of-type(3){
        margin-left: 5px;
        display: inline-block;
        color:#999;
        text-decoration:none;
      }
    }
  }
}